<html>
<head>
	<meta charset="UTF-8"/>
	<title>My Blog</title>
	<link rel="stylesheet" type="text/css" href="css-reset.css">
	<link rel="stylesheet" type="text/css" href="index-css.css"/>
</head>
<body>
	<header>
		<div class="header">
			<div class="header-name-wrapper">
				<a class="name" href="index.html"><h1>Blog</h1></a>
			</div>
			<nav class="menu-index">
				<a href="index.html" class="menu-link"><p class="menu">首页</p></a>
				<a href="index.html" class="menu-link"><p class="menu">归档</p></a>
				<a href="index.html" class="menu-link"><p class="menu">分类</p></a>
				<a href="index.html" class="menu-link"><p class="menu">读书</p></a>
				<a href="index.html" class="menu-link"><p class="menu">关于</p></a>
			</nav>
		</div>
	</header>
	<article class="all">
		<a name="article1" class="shifted-anchor"></a>
		<section class="article">
			<aside>
				<div class="label">
					<a href="" class="label">HTML</a>
					<a href="" class="label">CSS</a>
				</div>
			</aside>
			<article class="article">
				<div class="article-title-wrapper">
					<a href="" class="article-title"><h2>学习笔记(一)<h2></a>
				</div>
				<div class="article-content">
					<p>这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容</p>
				</div>
			</article>
		</section>
		<a name="article2" class="shifted-anchor"></a>
		<section class="article">
			<aside>
				<div class="label">
					<a href="" class="label">HTML</a>
					<a href="" class="label">CSS</a>
				</div>
			</aside>
			<article class="article">
				<div class="article-title-wrapper">
					<a href="" class="article-title"><h2>学习笔记(二)<h2></a>
				</div>
				<div class="article-content">
					<p>这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这</p>
				</div>
			</article>
		</section>
		<a name="article3" class="shifted-anchor"></a>
		<section class="article">
			<aside>
				<div class="label">
					<a href="" class="label">HTML</a>
					<a href="" class="label">CSS</a>
				</div>
			</aside>
			<article class="article">
				<div class="article-title-wrapper">
					<a href="" class="article-title"><h2>学习笔记(三)<h2></a>
				</div>
				<div class="article-content">
					<p>这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容</p>
				</div>
			</article>
		</section>
		<a name="article4" class="shifted-anchor"></a>
		<section class="article">
			<aside>
				<div class="label">
					<a href="" class="label">HTML</a>
					<a href="" class="label">CSS</a>
				</div>
			</aside>
			<article class="article">
				<div class="article-title-wrapper">
					<a href="" class="article-title"><h2>学习笔记(四)<h2></a>
				</div>
				<div class="article-content">
					<p>这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容</p>
				</div>
			</article>
		</section>
		<a name="article5" class="shifted-anchor"></a>
		<section class="article">
			<aside>
				<div class="label">
					<a href="" class="label">HTML</a>
					<a href="" class="label">CSS</a>
				</div>
			</aside>
			<article class="article">
				<div class="article-title-wrapper">
					<a href="" class="article-title"><h2>学习笔记(五)<h2></a>
				</div>
				<div class="article-content">
					<p>这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容</p>
				</div>
			</article>
		</section>
		<section class="loading">
			<div class="load">
				<a href="" class="load">
					点击加载更多
				</a>
			</div>
		</section>
		<section class="photo-wall">
			<div class="photo">
				<img class="photo1" src="images/1.png"/>
			</div>
			<div class="photo">
				<img class="photo2" src="images/2.png"/>
			</div>
			<div class="photo">
				<img class="photo3" src="images/3.png"/>
			</div>
			<div class="photo">
				<img class="photo4" src="images/4.png"/>
			</div>
		</section>
	</article>
	<nav class="article-index">
		<h3>目录</h3>
		<ul>
			<li>
				<a href="#article1" class="nav">学习笔记(一)</a>
			</li>
			<li>
				<a href="#article2" class="nav">学习笔记(二)</a>
			</li>
			<li>
				<a href="#article3" class="nav">学习笔记(三)</a>
			</li>
			<li>
				<a href="#article4" class="nav">学习笔记(四)</a>
			</li>
			<li>
				<a href="#article5" class="nav">学习笔记(五)</a>
			</li>			
		</ul>
	</nav>
	<footer>
		<div class="footer-wrapper">
			<div class="footer">
				<div class="author">
					<span>Blog designed by arlendp</span>
				</div>
				<div class="copyright">
					<span>Copyright &copy; 2015</span>
				</div>
			</div>
		</div>
	</footer>
</body>
</html>